html,body{
	font-size:12px;
}
html,body,ul,ol,p{
	margin:0;
	padding:0;
}
ul,ol{
	list-style: none;
}
body{
	display: block;
	height:auto;
}
.clearfix:after{
	display:block;
	content: "";
	clear: both;
}
@keyframes rotate{
	0%{transform:rotateY(0deg);}
	5%{transform:rotateY(60deg);}
	10%{transform:rotateY(90deg);}
	15%{transform:rotateY(30deg);}
	20%{transform:rotateY(0deg);}
	38%{transform:rotateY(40deg);}
	69%{transform:rotateY(-40deg);}
	100%{transform:rotateY(0deg);}
}

::-webkit-scrollbar{
	display:none;
}
.fr{
	float:right;
}
.fl{
	float:left;
}
/*-----------------背景-----------------------*/
.warp{
	background:url("../img/index_wrapout20190513.jpg") no-repeat 50% 0;
}
.header{
}
.header_main{
	width:1200px;
	margin:0 auto;
	background:#ccc;
	background:url("../img/index_wrap20190513.jpg") no-repeat 50% 0;
}
.top{
	position:relative;
	width:100%;
	height:520px;
}
.logo{
	position:absolute;
	top:10px;
	left:212px;
	width:132px;
	height:107px;

}
.logo a{
	display: block;
	width:100%;
	height:100%;
	background:url("../img/mxd_logo.png");
}
.age{
	position:absolute;
	top:125px;
	left:204px;
}
.age span{
	color:#fff;
}
.bottom{
	position:relative;
	width:100%;
	height:460px;
}
.page{
	position:relative;
	width:700px;
	height:385px;
	margin:0 auto;
	background:url("../img/index_main.png");
}
.webpage{
	position:absolute;
	top:-62px;
	right:12px;
	width:213px;
	height:213px;
	background:url("../img/home_btn_bg.png");
}
.webpage a{
	display:block;
	width:100%;
	height:100%;
}
.webpage a:hover i{
	animation: rotate 1s;
}
.webpage a i{
	display:block;
	width:100%;
	height:100%;
	background:url("../img/home_btn.png");
	/*transform: rotateY(0deg);*/
}
.guide{
	padding:23px 0 22px 30px;
	height:40px;

}
.guide ul li{
	float:left;
	width:132px;
	height:40px;
	margin-right:18px;
}
.guide ul li a{
	display: block;
	width:100%;
	height:100%;
}
.GM{
	height:300px;
	background:url("../img/14943128782426.png");
}
.GM a{
	display: block;
	width:100%;
	height:100%;

}
.copyright{
	padding-top:54px;
	text-align:center;
	color:#ccc;
}
.footer{
	margin: 0;
    padding: 0;
    border: 0;
    font-size: 12px;
    height: 150px;
    color: #888;
    width: auto;
    background:url("../img/bg_white.jpg") repeat-x;

}
.footer_main{
	width:1200px;
	height:132px;
	background:url("../img/bg_white.jpg") repeat-x;
	margin:0 auto;
}
.footer .footer_logo{
	display: inline-block;
	margin:38px 0 0 28px;
}

.footer .footer_logo .sq_game{
	display: inline-block;
	background:url("../img/shengqu-logo-white.png");
	width:64px;
	height:66px;
	margin-right:20px;
}
.footer .footer_logo .sq_game2{
	display: inline-block;
	background:url("../img/nexonlogo.png");
	width:109px;
	height:66px;
	margin-right:20px;
}
.footer .footer_con{
	display: inline-block;
	padding-left:25px;
	padding-top:25px;
	background:url("../img/slice_white.jpg") no-repeat;
}
.footer .footer_con p{
	margin-bottom:4px;
}
.footer .footer_con p:nth-child(1){
	margin-bottom:6px;
}
.footer .footer_con p a{
	margin-right:6px;
	color:#888;
	text-decoration: none;
}
.footer .footer_con p a:hover{
	text-decoration: underline;
}
.footer_gov{
	margin-top:25px;
	margin-left:20px;
}
.footer_gov a{
	margin-right:6px;
	margin-bottom:6px;
}
.footer_gov .gov_0{
	display:inline-block;
	width:47px;
	height:47px;
	background:url("../img/Gi.png");
}
.footer_gov .gov_1{
	display:inline-block;
	width:47px;
	height:47px;
	background:url("../img/whjy.png");
}
.footer_gov .gov_2{
	display:inline-block;
	width:39px;
	height:47px;
	background:url("../img/dzyyzz.png");
}
.footer_gov .gov_3{
	display:inline-block;
	width:111px;
	height:45px;
	background:url("../img/img_cp_jubao_w.png");
}
.footer_gov .gov_4{
	display:inline-block;
	width:127px;
	height:35px;
	background:url("../img/report.png");
}
.footer_gov .gov_5{
	display:inline-block;
	width:82px;
	height:37px;
	background:url("../img/jzjh.png");
}